// ===============================================================================================
//  File Name: knowledge-base.scss
//  Description: Knowledge Base Page Content SCSS
//  ----------------------------------------------------------------------------------------------
//  Item Name: Vuexy React Admin Template
//  Version: 1.0
//  Author: PIXINVENT
//  Author URL: http://www.themeforest.net/user/pixinvent
// ================================================================================================

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/mixins";
@import "../bootstrap-extended/mixins";

// Core variables and mixins overrides
@import "../core/variables/variables";
@import "~bootstrap/scss/_variables.scss";

@import "../core/variables/components-variables";

// Knowledge-base jumbotron scss
.knowledge-base-bg {
  background: url("../../img/pages/knowledge-base-cover.jpg") no-repeat;
  background-size: cover;
}
// knowledge-base-category, knowledge-base-question - list-group-items
.knowledge-base-category,
.knowledge-base-question {
  .list-group-item {
    padding: 0.5rem 0;
    &:hover {
      background-color: transparent;
    }
  }
}

// Question Page - article question list
.article-question {
  li {
    margin-bottom: 0.5rem;
    display: flex;
  }
  svg {
    margin: 0 0.5rem;
  }
}

// make jumbotron card body padding
@media only screen and (min-width: 992px) {
  .knowledge-base-bg {
    .card-body {
      padding: 8rem !important;
    }
  }
}
// make jumbotron card body padding
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .knowledge-base-bg {
    .card-body {
      padding: 6rem !important;
    }
  }
}
